<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    mixin 示例
</div>
</body>
<script src="../../js/vue.js"></script>
<script type="text/javascript">
    var myMixin = {
        methods: {
            sayName() {
                console.log('我是慕课网')
            },
            sayHello() {
                console.log('hello 大家好')
            }
        }
    };
    var vm = new Vue({
        el: '#app',
        mixins:[myMixin],
        methods: {
            sayName() {
                console.log('我是句号')
            },
            sayYear() {
                console.log('我的年龄是：18')
            }
        }
    })
    vm.sayName() // ---> 我是句号
    vm.sayHello() // ---> hello 大家好
    vm.sayYear() // ---> 我的年龄是：18
</script>
</html>
